<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8" />
    <link href="static/css/other/animate.css" rel="stylesheet" />
    <link href="static/css/plugins/datapicker/datepicker3.css" rel="stylesheet" />
    <link href="static/css/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="static/css/other/font-awesome.min.css" rel="stylesheet" />
    <link href="static/css/other/style.min.css?v=4.1.0" rel="stylesheet" />
</head>

<body>

    <div class="gray-bg">
        <div class="dashboard-header top-bar">
            <div class="col-sm-8 overview row">
                <div class="col-sm-2">
                    <strong>统计：</strong>
                </div>
                <div class=" col-sm-2">
                    <i class="fa fa-arrows" style="color: rgba(27,187,158,1)"></i>
                    自动生成
                    <h>
                        1
                    </h>
                </div>
                <div class=" col-sm-2">
                    <i class="fa fa-hand-pointer-o" style="color: rgba(27,187,158,1)"></i>
                    手动生成
                    <h>
                        1
                    </h>
                </div>
                <div class=" col-sm-2">
                    <i class="fa fa-circle" style="color: rgba(27,187,158,1)"></i>
                    可用
                    <h>
                        1
                    </h>
                </div>
                <div class=" col-sm-2">
                    <i class="fa fa-circle" style="color:gray"></i>
                    不可用
                    <h>
                        1
                    </h>
                </div>
            </div>
        </div>
        <div class="m-b-sm"></div>
        <div class=" wrapper animated fadeInRight">
            <div class="ibox">
                <div class="ibox-title  row">
                    <h5>二维码日志
                    </h5>
                </div>
                <div class="ibox-content  border-bottom row">
                    <form id="searchForm" class="">
                        <div class="col-md-2">
                            <div class="form-group">
                                <input type="text" value="" placeholder="充电站" class="form-control" />
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <select class="form-control m-b">
                                    <option value="" disabled selected hidden>充电桩</option>
                                    <option>电桩A</option>
                                    <option>电桩B</option>
                                    <option>电桩C</option>
                                    <option>电桩C</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <select class="form-control m-b">
                                    <option value="" disabled selected hidden>生成方式</option>
                                    <option>自动</option>
                                    <option>手动</option>

                                </select>
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <input type="text" value="" placeholder="生成状态" class="form-control" />
                            </div>
                        </div>
                        <div class="col-md-2">
                            <div class="form-group">
                                <div class="input-group date">
                                    <input type="text" class="form-control layer-date" placeholder="选择时间" />
                                    <span class="input-group-addon"><i class="fa fa-calendar" style="color:rgba(27,187,158,1)"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1">
                            <label type="button" class="btn-sm btn-primary">查询</label>
                        </div>
                        <div class="col-md-1">
                            <label type="button" id="reset" onclick="reset()" class="btn btn-sm btn-default">重置</label>
                        </div>
                    </form>

                </div>
                <div class="ibox-content m-b-sm border-bottom row">
                    <table class="table table-striped table-bordered ">
                        <thead>
                            <tr style="background-color: blue">

                                <th>序号</th>
                                <th>运营商</th>
                                <th>充电站</th>
                                <th>充电桩</th>
                                <th>生成状态</th>
                                <th>失败原因</th>
                                <th>生成方式</th>
                                <th>生成时间</th>

                            </tr>
                        </thead>
                        <tbody id="list">
                            <tr>
                                <td>
                                    01
                                </td>
                                <td>
                                    科佳同创
                                </td>
                                <td>
                                    交大充电站
                                </td>
                                <td>
                                    1#直流充电桩
                                </td>
                                <td>
                                    <i class="fa fa-circle" style="color: rgba(27,187,158,1)"></i>
                                    成功
                                </td>
                                <td>
                                   ----
                                </td>
                                <td>
                                    <i class="fa fa-hand-pointer-o" style="color: rgba(27,187,158,1)"></i>
                                    手动
                                </td>
                                <td>
                                    2018-03-22 15:56:56
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    01
                                </td>
                                <td>
                                    科佳同创
                                </td>
                                <td>
                                    交大充电站
                                </td>
                                <td>
                                    1#直流充电桩
                                </td>
                                <td>
                                    <i class="fa fa-circle" style="color: gray"></i>
                                    失败
                                </td>
                                <td>
                                   充电桩不存在
                                </td>
                                <td>
                                    <i class="fa fa-hand-pointer-o" style="color: rgba(27,187,158,1)"></i>
                                    手动
                                </td>
                                <td>
                                    2018-03-22 15:56:56
                                </td>
                            </tr>
                            
                            

                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

    <script src="static/js/jquery/jquery.min.js"></script>
    <script src="static/js/bootstrap/bootstrap.min.js"></script>
    <script src="static/js/qrcode/qrcode.js"></script>
    <!-- Data picker -->
    <script src="static/js/plugins/datapicker/bootstrap-datepicker.js"></script>


</body>

</html>